<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:fragment="side-fragment" class="am-u-lg-4 am-u-sm-12 am-u-lg-offset-0 am-u-sm-offset-0 sidebar-container">
    <section>
        <!--搜索文章-->
        <section>
            <div class="sidebar-header">
                <span class="sidebar-header-title">
                    搜索文章
                </span>
            </div>
            <div class="sidebar-search">
                <form method="get" onsubmit="return false;" accept-charset="utf-8">
                    <div class="search-input">
                        <input type="text" name="keyword" id="searchbox" placeholder="输入关键字搜索">
                        <button type="submit" class="search-submit" onclick="search()"></button>
                        <div>
                </form>
            </div>
        </section>
        <!--热门标签-->
        <section>
            <div class="sidebar-header">
                <span class="sidebar-header-title">
                    热门标签
                </span>
            </div>
            <div class="tags ">
                <th:block th:if="${null != hotTags}">
                    <th:block th:each="hotTag : ${hotTags}">
                        <a rel="tag" th:href="@{'/tag/' + ${hotTag.tagName}}">
                            <th:block th:text="${hotTag.tagName}+'('+${hotTag.tagCount}+')'"></th:block>
                        </a>
                    </th:block>
                </th:block>
            </div>
        </section>
        <!--最新发布 已注释-->
        <section>
            <!--<div class="sidebar-header">-->
            <!--    <span class="sidebar-header-title">-->
            <!--        最新发布-->
            <!--    </span>-->
            <!--</div>-->
            <!--<div class="sidebar-list">-->
            <!--    <ul class="sidebar-list-body sidebar-list-items">-->
            <!--        <th:block th:if="${null != newBlogs}">-->
            <!--            <th:block th:each="newBlog : ${newBlogs}">-->
            <!--                <li class="sidebar-list-item"><a th:href="@{'/blog/' + ${newBlog.blogId}}"-->
            <!--                                                 class="tag tooltipped tooltipped-n">-->
            <!--                    <th:block th:text="${newBlog.blogTitle}"></th:block>-->
            <!--                </a></li>-->
            <!--            </th:block>-->
            <!--        </th:block>-->
            <!--    </ul>-->
            <!--</div>-->
        </section>
        <!--点击最多 已注释-->
        <section>
            <!--<div class="sidebar-header">-->
            <!--    <span class="sidebar-header-title">-->
            <!--        点击最多-->
            <!--    </span>-->
            <!--</div>-->
            <!--<main class="sidebar-lists">-->
            <!--    <ul>-->
            <!--        <th:block th:if="${null != hotBlogs}">-->
            <!--            <th:block th:each="hotBlog : ${hotBlogs}">-->
            <!--                <li class="sidebar-list-item"><a class="tag tooltipped tooltipped-n"-->
            <!--                                                 th:href="@{'/blog/' + ${hotBlog.blogId}}">-->
            <!--                    <th:block th:text="${hotBlog.blogTitle}"></th:block>-->
            <!--                </a></li>-->
            <!--            </th:block>-->
            <!--        </th:block>-->
            <!--    </ul>-->
            <!--</main>-->
        </section>
</div>
</html>